<template>
	<!-- 渲染传过来的数据，
	帮的传过来的函数（方法） -->
	<div class="todoItem">
		任务{{i+1}}:{{item}} 
		<button @click="delItem(i)"> X </button>
	</div>
</template>

<script>
	export default {
		//接收传过来的数据（函数也是一种数据）
		props:{
			item:String,
			i:Number,
			delItem:Function,
		}
	}
</script>

<style>
</style>
